<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="mytag" uri="http://wendellup/jsp/mytag"%>
<!DOCTYPE html>
<html>
	<head>
		<title>电影top250</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->
		<link href="${pageContext.request.contextPath}/resources/common/style/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="${pageContext.request.contextPath}/resources/common/style/bootstrap-responsive.min.css" rel="stylesheet"
			media="screen">
		<link href="${pageContext.request.contextPath}/resources/movie/style/top250.css" rel="stylesheet" type="text/css">
		<script src="${pageContext.request.contextPath}/resources/common/scripts/jquery-1.8.3.min.js"></script>
		<script src="${pageContext.request.contextPath}/resources/common/scripts/bootstrap.min.js"></script>
		<script type="text/javascript"
			src="${pageContext.request.contextPath}/resources/movie/scripts/top250.js"></script>
	</head>
	<body style="margin-top: 40px">
		<%@include file="../../module/global/menuBar.jsp" %>
		<div class="well well-small">
				<div class="row-fluid">
					<div class="span2 offset1">
						<h3>
							搜索电影
						</h3>
					</div>
					<div class="span9">
						<form class="form" style="margin-top: 15px">
							<div class="input-append">
								<input type="text" class="input-xxlarge"
									placeholder="电影、影人、影院、电视剧">
								<button class="btn" type="button">
									查询
								</button>
							</div>
						</form>
					</div>
				</div>
				<div class="row">
					<div class="span6 offset1">
						<ul class="inline">
							<li>
								<a>我看</a>
							</li>
							<li>
								<a>影讯&购票</a>
							</li>
							<li>
								<a>电视剧</a>
							</li>
							<li>
								<a>排行榜</a>
							</li>
							<li>
								<a>分类</a>
							</li>
							<li>
								<a>影评</a>
							</li>
						</ul>
					</div>
				</div>
			</div>

		<!-- 电影列表开始 -->
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span1">
					<!--Sidebar content-->
				</div>
				<div class="span8">
						<c:forEach items="${movieList}" var="movie" varStatus="status">
							<div class="media">
								<span class="pull-left">
									${movie.movie250Rate}
								</span>
								<a class="pull-left" href="#">
									<img class="media-object"
										data-src="holder.js/105x150" alt="105*150"
										style="width: 105px; height: 150px;"
										src="${pageContext.request.contextPath}/fileStore/movie/${movie.moviePicUrl}">
										
								</a>
								<div class="media-body">
									<h4 class="media-heading">
										${movie.movieName}
									</h4>
									导演:${movie.movieDirector} 主演:${movieStarring}
									<br />
									${movie.movieReleaseTime}/${movie.movieCountry }/${movie.movieType}
									<br />
									<span class="rating${movie.movieScoreRate}-t"><em>${movie.movieScore}</em></span>
								</div>
							</div>
							<hr>
						</c:forEach>
				  
				  	<!-- 显示分页信息标签 -->
					<mytag:bootstrapPage />
				</div>
				<div class="span3">
				</div>
			</div>
		</div>
		<!-- 电影列表结束 -->
	</body>
</html>